body {
    color: #4F4F4F;
    font: 14px/24px Microsoft YaHei, Verdana, SimSun, sans-serif;
}

input, select, textarea {
    color: #30332D;
    font: 14px/20px Microsoft YaHei, Verdana, SimSun, sans-serif;
}

.clearFix {
    clear: both;
}

#leftArea
{
	float:left;
	display:inline;
	width:190px;
}

#detailNav
{
	
}
#detailNav h4
{
	font-size:16px;
	margin-bottom: 12px;
	line-height:24px;
	font-weight:400;
}
#detailNav ul
{
	padding:0 20px;
}
#detailNav ul li
{
	line-height:22px;
	cursor:pointer;
	list-style-image:url("../../image/Arrow.jpg");
}

#detailNav li a
{
	color:#014E85;
}
#detailNav li a:hover,#detailNav li a:active
{
	text-decoration:underline;
	color:#CE8B10;
}
/*----------------------------------------------*/
#rightArea
{
	float:left;
	display:inline;
	margin-left:40px;
	width:690px;
	height:auto;
}
.stepBoard
{
	/*margin-bottom:20px;*/
	clear:both;
}
.stepBoard .stepTitle
{
	height:30px;
	background:url("../../image/splash.gif") repeat-x;
	width:90%;
}
.stepBoard .stepTitle span
{
	font-size:26px;
	line-height:30px;
	font-weight:400;
	background-color:#FFF;
	padding-right:20px;
}
 .stepInner
{
	padding-top:20px;
}
.contentSpan
{
	height:30px;
}
 .singleField
{
	height:35px;
	/*width:100%;*/
}
 .smash
{
	float:left;
	line-height:35px;
	margin-right:4px;
}
.stepInner .tip
{
	color:#006199;
	background-color:#CCEDFF;	
	border:solid 1px #66C9FF;
	padding:0 10px;
	line-height:30px;
	float:left;
	margin-left:10px;	
	display:none;
}
.invalidField
{
	background-color:#FFEAEA;
}
.invalidField .tip
{
	color:#CC0000;
	background:#FFEAEA;
	border:none;
}
#usernametip
{
	padding-left:110px;
}
#usrno
{
	color:#CC0000;
}
#usryes
{
	color:#0000CC;
}
.stepInner label
{
	display:block;
	line-height:35px;
	padding-right:10px;
	float:left;
	width:100px;
	text-align:right;
	color:#121212;
}
.rFF
{
	color:#FF0000;
}
.singleField input
{
	height:30px;
	line-height:30px;	
	float:left;
}
.singleField input.textBox
{
	padding:0 5px;
	border:solid 1px #CCCCCC;
	width:340px;
}
.singleField input.timezone
{
	background:url(../../image/calendar.gif) no-repeat 325px  center;
}
.singleField input.sshort,.singleField .sshort
{
	width:60px;
}
.singleField input.short,.singleField .short
{
	width:120px;
}
.singleField input.middle,.singleField .middle
{
	width:200px;
}
.singleField input.radio
{
	height:20px;
	margin:7px  4px 0 0;
}
.singleField select
{
	border:solid 1px #CCCCCC;
	height:25px;
	line-height:25px;
	float:left;
	margin-top:5px;
	width:350px;
}
 .doubleField
{
	height:70px;
}
.doubleField .singleField
{
	float:left;
}
.stepBoard a.backToPrev:hover,.stepBoard a.backToPrev:active
{
	text-decoration:underline;
}
.multipleField
{
	height:80px;
}
.stepInner .multipleField label
{
	height:80px;
}
.multipleField textarea
{
	line-height:30px;	
	float:left;
	padding:0 5px;
	border:solid 1px #CCCCCC;
	width:340px;
	height:75px;
}
/*
.backToPrev
{
	background:url("../../image/Arrow_Up.jpg") 0 5px  no-repeat;
	padding-left:12px;
	color:#014E85;
}*/
/*-----------------------------------------------------------*/
.stepButtonSec
{
	padding:10px 0 0 110px;
	height:40px;
}
.nextButton,.prButton,#btnSubmitInfo
{
	 background-color: #FFFFFF;
    background-image: url("../../image/button_gradient.gif");
    background-position: center bottom;
    background-repeat: repeat-x;
    padding: 5px 15px;
	border-color: #A5C2EE;
	overflow:visible;
	float:left;
}
.prButton
{
	margin-right:10px;
}
